function GetACLReportNowChar() {

	var reportOutMenu = new Ext.menu.Menu({
        id: 'reportOutMenu',
        style: {
            overflow: 'visible'     // For the Combo popup
        },
        items: [
        	{
						text : '导出到excel',
						tooltip : '导出到excel',
						handler : function() {
						}
					},{
						text : '导出到pdf',
						tooltip : '导出到pdf',
						handler : function() {
						}
					}
        ]
    });
   var store1 = new Ext.data.JsonStore({
        fields: [{name: 'year'},{name: 'x'},{name: 'y'},{name: 'z'},{name: 'z1',type: 'int'}],
        data: [
        {year: '设备1',x: 2,y: 3,z: 6,z1:10},
        {year: '设备2',x: 4,y: 3,z: 1,z1:10},
        {year: '设备3',x: 4,y: 6,z: 4,z1:10},
        {year: '设备4',x: 5,y: 4,z: 3,z1:10},
        {year: '设备5',x: 6,y: 7,z: 6,z1:10},
        {year: '设备6',x: 6,y: 7,z: 2,z1:10},
        {year: '设备7',x: 8,y: 8,z: 9,z1:10},
        {year: '设备8',x: 6,y: 3,z: 9,z1:10}
        ]
    })
	var chat1 = {
					    xtype: 'stackedcolumnchart',
					    store: store1,
					    xField: 'year',
					    xAxis: new Ext.chart.CategoryAxis({
					        title: '设备'
					    }),
					    yAxis: new Ext.chart.NumericAxis({
					        title: "数量"
					    }),
					    series: [{
					        displayName: "未命中策略数量",
					        yField: 'x'
					    },
					    {
					        displayName: "命中策略数量",
					        yField: 'y'
					    },
					    {
					        displayName: "策略总数",
					        yField: 'z'
					    },
					    {
					        displayName: "设备可以设置的策略数量",
					        yField: 'z1'
					    }],
					    chartStyle: {
					        padding: 10,
					        legend: {
					            display: 'right'
					        }
					    }
				}

	var myData = [
			['1', "策略1","inside","GigabitEthernet0/0","192.168.1.1","TCP","192.168.1.100","2011-11-01 10:00:00","2011-11-01 17:00:00", "申请单","允许","2011-11-01", "2011-11-02","2",'admin','设备1','OA'],
			['1', "策略2","inside","GigabitEthernet0/0","192.168.2.1","TCP","192.168.2.100","","", "历史记录","拒绝", "2011-11-01", "2011-11-02","0",'admin','设备2','Mail'],
			['1', "策略3","outside","GigabitEthernet0/2","192.168.3.1","TCP","192.168.3.100","2011-11-01 10:00:00","2011-11-01 17:00:00", "申请单","允许", "2011-11-01", "2011-11-02","3",'admin','设备3','ERP'],
			['1', "策略4","DMZ","GigabitEthernet0/3","192.168.4.1","TCP","192.168.4.100","","", "历史记录","拒绝", "2011-11-01", "2011-11-02","2",'admin','设备4','CRM'],
			['1', "策略5","DMZ","GigabitEthernet0/3","192.168.5.1","TCP","192.168.5.100","2011-11-01 10:00:00","2011-11-01 17:00:00", "申请单","允许", "2011-11-01", "2011-11-02","6",'admin','设备5','OA2']

	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'policy'
						}, {
							name : 'area'
						}, {
							name : 'interface'
						}, {
							name : 'sip'
						}, {
							name : 'protocol'
						}, {
							name : 'dip'
						}, {
							name : 'onlinetime'
						}, {
							name : 'offlinetime'
						}, {
							name : 'type'
						}, {
							name : 'action'
						}, {
							name : 'starttime'
						}, {
							name : 'endtime'
						}, {
							name : 'hit'
						}, {
							name : 'manager'
						}, {
							name : 'device'
						}, {
							name : 'application'
						}]
			});
			
	store.loadData(myData);
	
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '策略名',
							width : 100,
							sortable : true,
							dataIndex : 'policy'
						}, {
							header : '区域',
							width : 50,
							sortable : true,
							dataIndex : 'area'
						}, {
							header : '接口',
							width : 100,
							sortable : true,
							dataIndex : 'interface'
						}, {
							header : '源IP',
							width : 90,
							sortable : true,
							dataIndex : 'sip'
						}, {
							header : '协议',
							width : 70,
							sortable : true,
							dataIndex : 'protocol'
						}, {
							header : '目的IP',
							width : 90,
							sortable : true,
							dataIndex : 'dip'
						}, {
							header : '上线时间',
							width : 120,
							sortable : true,
							dataIndex : 'onlinetime'
						}, {
							header : '下线时间',
							width : 120,
							sortable : true,
							dataIndex : 'offlinetime'
						}, {
							header : '工作类型',
							width : 70,
							sortable : true,
							dataIndex : 'type',
							renderer:renderTopic1
						}, {
							header : '动作',
							width : 70,
							sortable : true,
							dataIndex : 'action'
						}, {
							header : '开始日期',
							width : 150,
							sortable : true,
							dataIndex : 'starttime'
						}, {
							header : '结束日期',
							width : 150,
							sortable : true,
							dataIndex : 'endtime'
						}, {
							header : '命中次数',
							width : 70,
							sortable : true,
							dataIndex : 'hit'
						}, {
							header : '负责人',
							width : 70,
							sortable : true,
							dataIndex : 'manager'
						}, {
							header : '设备',
							width : 70,
							sortable : true,
							dataIndex : 'device'
						}, {
							header : '应用系统',
							width : 70,
							sortable : true,
							dataIndex : 'application'
						}],
				sm : sm,
			
				
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'natnowgrid'
			});
		function renderTopic1(value, p, record){
				if(value == '历史记录'){
					return String.format("{0}",value);
				}else{
					return String.format("<a href='javascript:void(null)' onclick='javascript:SetACLApply1();'>{0}</a>",value);
				}
    }	
		
		var states = [
		['1', 'admin'],
		['2', 'test1'],
		['3', 'test2']
		];	
	var centerPanel = new Ext.Panel({

        region : 'center',
        layout : 'border',
       tbar : [
       					'起始日期:',
								{
									xtype: 'datefield',
									name: 'start_date',
									id: 'start_date',
									width : 100
								},'-','结束日期:',{
									xtype: 'datefield',
									name: 'end_date',
									id: 'end_date',
									width : 100
								},'负责人:',
						{xtype: 'textfield',width : 70},
						{
							text : '选择',
							tooltip : '选择',
							handler : function() {
								GetLinkManager();
							}
						},'-','选择设备:',
						{xtype: 'textfield',width : 70},
						{
							text : '选择',
							tooltip : '选择',
							handler : function() {
								GetLinkDevice();
							}
						}, '-', '应用系统:',{
								xtype : 'textfield',
								width : 70
						},{
									text : '选择',
									tooltip : '选择',
									handler : function() {							
										GetLinkApplication();
									}
							  },'-',{
									text : '刷新',
									tooltip : '刷新',
									iconCls : 'refresh',
									handler : function() {							
									}
								},'-',{
				            text:'导出',
				            iconCls: 'out', 
				            menu: reportOutMenu  
				        }],
        items: [
        		{
							region: 'north',
							height: 300,
							items : chat1
							
						},{
							region: 'center',
							layout : 'fit',
							title:'明细表格',
							items : [grid]
						}
        ]

			});
    
    

	return centerPanel;
}
function GetLinkManager(){

		var myData = [
			['1', 'test', "test", "上班时间", "普通用户",'浦东新区XX路XX弄','13965652120','XXX@hotmail.com','admin','2012-08-08 12:00:00'],
			['2', 'test', "test", "上班时间", "普通用户",'浦东新区XX路XX弄','13965652120','XXX@hotmail.com','admin','2012-08-08 12:00:00'],
			['3', 'test', "test", "上班时间", "策略审核员",'浦东新区XX路XX弄','13965652120','XXX@hotmail.com','admin','2012-08-08 12:00:00'],
			['4', 'test', "test", "上班时间", "策略审核员",'浦东新区XX路XX弄','13965652120','XXX@hotmail.com','admin','2012-08-08 12:00:00'],
			['5', 'test', "test", "上班时间", "设备管理员",'浦东新区XX路XX弄','13965652120','XXX@hotmail.com','admin','2012-08-08 12:00:00']

	];


		var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'name'
						}, {
							name : 'depict'
						}, {
							name : 'time'
						}, {
							name : 'sf'
						}, {
							name : 'addr'
						}, {
							name : 'tel'
						}, {
							name : 'mail'
						}, {
							name : 'creator'
						}, {
							name : 'createtime'
						}]
			});
			
	store.loadData(myData);
	
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
			columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '名称',
							width : 100,
							sortable : true,
							dataIndex : 'name'
						}, {
							header : '描述',
							width : 70,
							sortable : true,
							dataIndex : 'depict'
						}, {
							header : '时间',
							width : 70,
							sortable : true,
							dataIndex : 'time'
						}, {
							header : '身份',
							width : 70,
							sortable : true,
							dataIndex : 'sf'
						}, {
							header : '地址',
							width : 150,
							sortable : true,
							dataIndex : 'addr'
						}, {
							header : '电话',
							width : 100,
							sortable : true,
							dataIndex : 'tel'
						}, {
							header : 'E-Mail',
							width : 100,
							sortable : true,
							dataIndex : 'mail'
						}],
				sm : sm,

			
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				region : 'center',
				stateId : 'devicesgrid1'
			});


	var WeekTimeWindows = new Ext.Window({
				layout : 'border',
				width : 800,
				height : 300,
				title : "负责人",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'server',
				items : [grid],
				plain : true
				
			});
	WeekTimeWindows.addButton({
				text : "确定",
				handler : function() {
					
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.addButton({
				text : '取 消',
				handler : function() {
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.show();
}
